<!--
  Generated template for the CategoryPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="primary">
    <ion-title>分类</ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="category">

  <section>
    <p class="pTitle">男生</p>
    <div class="manDiv">
      <div *ngFor="let categoryMan of categoryList.male,let i=index">
        <p>
          <span>{{categoryMan.name}}</span><br/>
          <span class="sColor">{{categoryMan.bookCount}}</span>
        </p>
      </div>
    </div>
  </section>

  <section>
    <p class="pTitle">女生</p>
    <div class="manDiv">
      <div *ngFor="let categoryMan of categoryList.female,let i=index">
        <p>
          <span><font>{{categoryMan.name}}</font></span><br/>
          <span class="sColor"> <font>{{categoryMan.bookCount}}</font></span>
        </p>
      </div>
    </div>
  </section>


</ion-content>
